@extends('admin.layout')
@section('content')
    <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main" >
        <div class="col-md-12" id="content" >
            <div class="app_content_div" id="app_content_div_301Index">
                <h3>新增专家</h3>
            </div>
        <form class="form-horizontal"  method="post" action="/adm/expert/add" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="_token" id="_token" value="{{csrf_token()}}" />
            <div class="form-group">
                <label for="name" class="col-sm-2 control-label"><span style="color:red;">*</span>姓名</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="name" name="name" value="">
                </div>
            </div>
            <div class="form-group">
                <label for="image" class="col-sm-2 control-label"><span style="color:red;">*</span>缩略图</label>
                <div class="col-sm-10">
                    <input  id="image" name="image"  type="file" onchange="saveThumb()"/>
                    <div id="image-container" style="height: 200px"><img style="height:200px;width: 200px"></div>
                </div>
            </div>
            <div class="form-group">
                <label for="ks" class="col-sm-2 control-label"><span style="color:red;">*</span>科室</label>
                <div class="col-sm-10">
                        <input type="text" class="form-control" id="ks" name="ks"  value="">
                </div>
            </div>
            <div class="form-group">
                <label for="zc" class="col-sm-2 control-label"><span style="color:red;">*</span>职称</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="zc" name="zc" value="">
                </div>
            </div>
            <div class="form-group">
                <label for="hos" class="col-sm-2 control-label"><span style="color:red;">*</span>医院</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="hos" name="hos"  value="">
                </div>
            </div>
            <div class="form-group" >
                <label for="intro" class="col-sm-2 control-label"><span style="color:red;">*</span>简介</label>
                <div class="col-sm-10">
                    <script id="intro" name="intro" type="text/plain"> <p></p></script>
                    <script type="text/javascript">
                        var editor = UE.getEditor('intro')
                    </script>
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="button"  onclick="add()"  class="btn btn-default">确定</button>
                </div>
            </div>
        </form>


        <script>
            function saveThumb() {
                var file = document.getElementById("image").files[0];
                var reader = new FileReader();
                reader.onload = function(e) {
                    var img = document.createElement("img");
                    img.src = e.target.result;
                    img.width = 200;
                    img.height = 200;
                    var container = document.getElementById('image-container');
                    while (container.firstChild) {
                        container.removeChild(container.firstChild);
                    }
                    // 添加新的图片
                    container.appendChild(img);
                    alert("上传成功！")
                }

                reader.readAsDataURL(file);
            }

            function add(){
                var name=$("#name").val();
                var ks=$("#ks").val();
                var zc=$("#zc").val();
                var hos=$("#hos").val();
                let intro=editor.getContentTxt();
                var _token="{{csrf_token()}}";

                $.post('/adm/expert/add',
                    {'name':name,'ks':ks,'zc':zc,'hos':hos,'intro':intro,'_token': '{{csrf_token()}}'},
                    function (data){
                        if(data.success){
                            alert("新专家已成功创建");
                            location.href='/adm/expert';
                        }
                        else{
                            alert(data.msg);
                        }
                    },'json')
            }

        </script>


@endsection
